<template>
	<div class="common-layout">
		<el-container>
			<el-aside width="200px">
				<el-scrollbar>
					<el-menu :default-openeds="['1', '6']" active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo"
					 default-active="2" text-color="#fff" @open="handleOpen" @close="handleClose" :default-active="$route.path" router>
						<el-sub-menu index="1">
							<template #title>
								<el-icon>
									<List />
								</el-icon>任务清单
							</template>
							<el-menu-item-group>
								<el-menu-item index="/doplan">任务执行</el-menu-item>
								<el-menu-item index="/plans">完成任务浏览</el-menu-item>
							</el-menu-item-group>
						</el-sub-menu>
						<el-sub-menu index="2">
							<template #title>
								<el-icon>
									<WalletFilled />
								</el-icon>固定资产管理
							</template>’
							<el-sub-menu index="2-1">
								<template #title>图书信息管理</template>
								<el-sub-menu index="2-1-1">
									<template #title>图书借还查询</template>
									<el-menu-item index="2-1-1-1">图书借阅记录查询</el-menu-item>
									<el-menu-item index="2-1-1-2">图书归还记录查询</el-menu-item>
								</el-sub-menu>
								<el-menu-item index="2-1-2">图书采购管理</el-menu-item>
								<el-menu-item index="2-1-3">图书信息统计</el-menu-item>
							</el-sub-menu>
							<el-sub-menu index="2-2">
								<template #title>器材管理</template>
								<el-menu-item index="2-2-1">书架信息管理</el-menu-item>
								<el-menu-item index="2-2-2">桌子信息管理</el-menu-item>
								<el-menu-item index="2-2-3">椅子信息管理</el-menu-item>
								<el-menu-item index="2-2-4">办公用具信息管理</el-menu-item>
							</el-sub-menu>
							<el-sub-menu index="2-3">
								<template #title>设备管理</template>
								<el-menu-item index="2-3-1">空调布置管理</el-menu-item>
								<el-menu-item index="2-3-2">暖气布置管理</el-menu-item>
								<el-menu-item index="2-3-3">电脑管理</el-menu-item>
								<el-menu-item index="2-3-4">其他设备管理</el-menu-item>
							</el-sub-menu>
						</el-sub-menu>
						<el-sub-menu index="3">
							<template #title>
								<el-icon>
									<ChatRound />
								</el-icon>即时通信
							</template>
							<el-menu-item index="3-1">聊天窗口</el-menu-item>
							<el-menu-item index="/hm">历史信息</el-menu-item>
							<el-menu-item index="3-3">状态选择</el-menu-item>
						</el-sub-menu>
						<el-sub-menu index="4">
							<template #title>
								<el-icon>
									<User />
								</el-icon>人事管理
							</template>’
							<el-menu-item index="/archieve">人事档案</el-menu-item>
							<el-menu-item index="/organization">组织架构</el-menu-item>
							<el-menu-item index="/contract">合同管理</el-menu-item>
							<el-menu-item index="/salary">薪酬管理</el-menu-item>
							<el-menu-item index="/socialsec">社保管理</el-menu-item>
							<el-menu-item index="/performance">绩效管理</el-menu-item>
							<el-menu-item index="/attendance">考勤管理</el-menu-item>
							<el-menu-item index="/recruit">招聘管理</el-menu-item>
						</el-sub-menu>
						<el-sub-menu index="5">
							<template #title>
								<el-icon>
									<Avatar />
								</el-icon>客户资源管理
							</template>’
							<el-menu-item index="/custadmin">供应商基本资料</el-menu-item>
							<el-menu-item index="5-2">供应商联系方式</el-menu-item>
							<el-menu-item index="5-3">供应商业务</el-menu-item>
							<el-menu-item index="5-4">供应商图书记录</el-menu-item>
						</el-sub-menu>
						<el-sub-menu index="6">
							<template #title>
								<el-icon>
									<Message />
								</el-icon>Email
							</template>’
							<el-menu-item index="/xie">写邮件</el-menu-item>
							<el-menu-item index="/shou">收件箱</el-menu-item>
							<el-menu-item index="/fasong">已发送</el-menu-item>
							<el-menu-item index="/dele">已删除</el-menu-item>
							<el-menu-item index="/caogao">草稿箱</el-menu-item>
						</el-sub-menu>
					</el-menu>
				</el-scrollbar>
			</el-aside>
			<el-container>
				<el-header>
					<div>
						<el-icon>
							<Management />
						</el-icon>
						<span> 图书馆办公系统</span>
					</div>
					<div class="user">
						<el-button @click="toUser">{{sname}}</el-button>
					</div>
				</el-header>
				<el-main>
					<router-view></router-view>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>


<script>
	import qs from 'qs'
	export default {
		name: "home",
		data() {
			return{

				staff:{},
				// sname:staff.sname
				ruleForm:{
					sid:this.$route.params.datas
				},
				
				sname:"",
			}
		},
		methods:{
			toUser(){
				this.$router.push("/user");
			},
			getSname(){
				let that=this
				that.staff=sessionStorage.getItem("staff")
				var obj=JSON.parse(that.staff)
				console.log(obj)
			    var s=obj.sname
				that.sname=s
			}
		},
		created(){
			this.getSname()
		}
	}
</script>

<style>
	.user {
		position: absolute;
		top: 20px;
		right: 40px;

	}
</style>
